<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
    <title>kavadenn: Plouarzel, Bretagne</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="description" content="Découvrir la Bretagne avec kavadenn: Plouarzel, tourisme, voyage">
  <meta name="keywords" content="Bretagne,decouverte,tourisme,voyage">  
  <meta name="google-site-verification" content="4st4ki5585g6DlepbbFy-Sa-b10DKq1klis4Nsql3xA" />
  <meta property="fb:app_id" content="120766637945383"/>
  <meta property="fb:admins" content="100001114232115"/>

  <meta property="og:title" content="Plouarzel"/>
    <meta property="og:type" content="landmark"/>
    <meta property="og:url" content="http://localhost:8000/places/plouarzel/"/>
    <meta property="og:image" content="http://farm5.static.flickr.com/4132/4971588924_53125f122e_s.jpg"/>
  <meta property="og:latitude" content="48.4338958"/>
    <meta property="og:longitude" content="-4.7309939"/>
    <meta property="og:region" content="Bretagne"/>
    <meta property="og:country-name" content="France"/>

    <link href="/static/css/kavadenn.css" rel="Stylesheet" type="text/css" />
    <link rel="stylesheet" href="/static/css/jquery.fancybox-1.3.1.css" type="text/css" />
    <link rel="stylesheet" href="/static/css/jquery.wysiwyg.css" type="text/css" />


    <style type="text/css">
      /* the overlayed element */
    .simple_overlay {
      
      /* must be initially hidden */
      display:none;
      
      /* place overlay on top of other elements */
      z-index:10000;
      
      /* styling */
      background-color:#FFFFFF;
      
      width:675px;  
      min-height:200px;
      border:1px solid #666;
      
      /* CSS3 styling for latest browsers */
      -moz-box-shadow:0 0 90px 5px #000;
      -webkit-box-shadow: 0 0 90px #000;  
    }
    
    /* close button positioned on upper right corner */
    .simple_overlay .close {
      background-image:url(/static/img/wires/close.png);
      position:absolute;
      right:-15px;
      top:-15px;
      cursor:pointer;
      height:35px;
      width:35px; 
    }
    </style>

</head>
<body>

    <div id="header">
        <a href="/"><h1>kavadenn</h1></a>
    </div>


    <div id="addContentContextMenu" style="display:none;background-color:#FFFFFF;">
            <div style="padding:10px;border-bottom:solid 1px #EEEEEE;">
              <img src="/static/img/wires/practical.png" />
              <a class="editor-launcher" href="#" rel="#wikiEditorInfo">Info pratique</a></div>
            <div style="padding:10px;border-bottom:solid 1px #EEEEEE;">
              <img src="/static/img/wires/link.png" />
              <a class="editor-launcher" href="#" rel="#wikiEditorLink">Lien</a></div>
            <div style="padding:10px;border-bottom:solid 1px #EEEEEE;">
              <img src="/static/img/wires/camera-photo.png" />
              <a href="#">Photo</a></div>
            <div style="padding:10px;border-bottom:solid 1px #EEEEEE;">
              <img src="/static/img/wires/video.png" />
              <a href="#">Video</a></div>
            <div style="padding:10px;border-bottom:solid 1px #EEEEEE;">
              <img src="/static/img/wires/place.png" />
              <a href="#">Un endroit</a></div>    
            <div style="padding:10px;border-bottom:solid 1px #EEEEEE;">
              <img src="/static/img/wires/calendar.png" />
              <a class="editor-launcher" href="#" rel="#eventEditor">Un événement</a></div>
            
        </div>
    
    <div id="content">
        
        <div id="placePageSectionHeader">
            <h2>Plouarzel</h2>
        </div>
        
        <div id="placeContent">
            <div id="placeLeftPanel">
                <table>
                  <tr valign="middle">
                    <td><a href="#"><img src="/static/img/feed.png" /></a></td>
                    <td>
                      <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A//localhost%3A8000/places/plouarzel/&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=80" scrolling="no" 
                            frameborder="0" style="border:none; overflow:hidden; width:150px;  height:25px;" 
                            allowTransparency="true"></iframe>
                    </td>
                  </tr>
                </table>
               
                <!-- 
                <center>
                <img class="placeImage" src="http://farm5.static.flickr.com/4132/4971588924_53125f122e_m.jpg" alt="Plouarzel"  />
                </center>
                -->
                
                <div style="border-top:solid 1px #EEEEEE;border-bottom:solid 1px #EEEEEE; padding:5px;">
                  <div style="position:relative;">
                    <h3 style="float:left;">Photos</h3>
                    <a href="/static/wires/v2/photos.html" style="float:right; font-size:smaller;">toutes les photos</a>
                    <div style="clear:both;"></div>  
                  </div>
                  
                  <img src="http://farm3.static.flickr.com/2488/4461637959_a4f3a3f17b_s.jpg" />
                  <img src="http://farm5.static.flickr.com/4090/5039551366_291a71c006_s.jpg" />
                  <img src="http://farm5.static.flickr.com/4114/4800551828_5e15b1bd01_s.jpg" />
                  <img src="http://farm5.static.flickr.com/4102/4919615457_532c0cfb11_s.jpg" />
                  <img src="http://farm5.static.flickr.com/4149/5153670171_9b092b8e33_s.jpg" />
                  <img src="http://farm5.static.flickr.com/4032/5081257730_9bd291d96f_s.jpg" />
                  
                </div>
                
                <div style="border-top:solid 1px #EEEEEE;border-bottom:solid 1px #EEEEEE; padding:5px;">
                  <div style="position:relative;">
                    <h3 style="float:left;">Endroits</h3>
                    <a href="/static/wires/v2/map.html" style="float:right; font-size:smaller;">tous les endroits</a>
                    <div style="clear:both;"></div>  
                  </div>
                  
                  
                  <div stlye="text-align:right; padding:5px;">
                    <div style="padding:5px; min-height:40px; ">
                      <div style="height:1px;"><img src="/static/img/wires/places/sport.png" /> </div>
                      <div style="padding-left:35px; font-size:smaller;">Stade Louis le Ru</div>
                    </div>
                    <div style="padding:5px; min-height:40px;">
                      <div style="height:1px;"><img src="/static/img/wires/places/historic.png" /> </div>
                      <div style="padding-left:35px; font-size:smaller;">Stèle Kerdidreux</div>
                    </div>
                    
                    
                  </div>
                </div>
                
                <div style="border-top:solid 1px #EEEEEE;border-bottom:solid 1px #EEEEEE; padding:5px;">
                    <h3>Visiteurs</h3>
                    <div style="padding:5px;">
                      <img src="/static/img/wires/profiles/p1.jpg" />
                      <img src="/static/img/wires/profiles/p2.jpg" />
                      <img src="/static/img/wires/profiles/p3.jpg" />
                      <img src="/static/img/wires/profiles/p4.jpg" />
                    </div>
                    
                    <h3>Contributeurs</h3>
                    <div style="padding:5px;">
                      <img src="/static/img/wires/profiles/p5.jpg" />
                      <img src="/static/img/wires/profiles/p6.jpg" />
                      <img src="/static/img/wires/profiles/p7.jpg" />
                    </div>
                </div>
                
                <div>
                    <center>
                      <span style="font-size:larger;font-weight:bold;">23</span>&nbsp;contributeurs&nbsp;
                      <span style="font-size:larger;font-weight:bold;">459</span>&nbsp;points 
                      
                    </center>
                </div>
                
            </div>
            
            <div id="placeRightPanel">     
                <!-- class="tab-pane" id="placeFeed"-->
                  <div>
                      <div style="position:relative; border-bottom:solid 1px #3598F9; padding-bottom:5px;">
                          <div style="float:left;font-size:smaller;">
                            <!--
                            <select>
                              <option>Montrer tout</option>
                              <option>Infos pratiques</option>
                              <option>Liens utiles</option>
                              <option>Evénements</option>
                            </select>
                            -->
                          </div>
                          
                          <div style="padding:5px; float:right;">
                            <a href="#" id="btnAddContent" style="color:#FFFFFF; font-weight:bold; padding:5px; background-color:#3598F9;">
                              +Ajouter du contenu
                            </a>  
                          </div> 
                         
                          <div style="clear:both;"></div>
                      </div>
                      
                      <div style="font-size:smaller;">
                         
                         
                      
                      <div style="background:#ffffff url('/static/img/wires/practical.png') no-repeat left top; padding-left:20px; border-bottom:solid 1px #EEEEEE; margin-top:10px;">
                      
                      <div style="padding:0px 5px 5px 5px;">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation... <a style="font-size:smaller;" href="#">plus</a> 
                      </div>
                      
                    </div>
                    
                    <div style="background:#ffffff url('/static/img/wires/photo.png') no-repeat left top; padding-left:20px; border-bottom:solid 1px #EEEEEE; margin-top:10px;">
                      
                      <div style="padding:0px 5px 5px 5px;">
                        3 photos ont été ajoutées<br/> 
                        <div style="padding:5px;">
                          <a href="/static/wires/v2/photos.html">
                            <img width="50px" height="50px" src="http://farm2.static.flickr.com/1013/5178693795_558b6b569d_s.jpg" >
                          </a>
                          
                          <a href="/static/wires/v2/photos.html">
                            <img width="50px" height="50px" src="http://farm2.static.flickr.com/1381/5179298498_4e989b475f_s.jpg" >
                          </a>
                          
                          <a href="/static/wires/v2/photos.html">
                            <img width="50px" height="50px" src="http://farm5.static.flickr.com/4091/5179281312_1c5f9c3192_s.jpg" >
                          </a>
                        </div> 
                      </div>
                      
                    </div>
                    
                    <div style="background:#ffffff url('/static/img/wires/practical.png') no-repeat left top; padding-left:20px; border-bottom:solid 1px #EEEEEE; margin-top:10px;">
                      
                      <div style="padding:0px 5px 5px 5px;">
                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto... <a style="font-size:smaller;" href="#">plus</a> 
                      </div>
                      
                    </div>
                    
                    <div style="background:#ffffff url('/static/img/wires/link.png') no-repeat left top; padding-left:20px;border-bottom:solid 1px #EEEEEE; margin-top:10px;">
                      
                      <div style="padding:0px 5px 5px 5px;">
                        <a href="#">Les horaires des bus</a> 
                      </div>
                      
                    </div>       
                    
                    <div style="background:#ffffff url('/static/img/wires/calendar.png') no-repeat left top; padding-left:20px; border-bottom:solid 1px #EEEEEE; margin-top:10px;">
                      <div style="padding:0px 5px 5px 5px;">
                        <span style="font-weight:bold;">12 novembre</span> 
                        <b>Apéro géant</b> @ La mairie 
                        <div style="color:#CCCCCC;">
                           Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua  
                        </div>  
                      </div>
                    </div>
                    <div style="background:#ffffff url('/static/img/wires/calendar.png') no-repeat left top; padding-left:20px; border-bottom:solid 1px #EEEEEE; margin-top:10px;">
                      <div style="padding:0px 5px 5px 5px;">
                        <span style="font-weight:bold;">17 novembre - 20 novembre</span> 
                        <b>9ème Salon de l’artisanat et des produits du terroir</b> @  l’espace polyvalent 
                        <div style="color:#CCCCCC;">
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.  
                        </div>
                      </div>
                    </div>
                         
                      </div>
                  </div>
    
            </div>
  
            <div style="clear:both;"></div>    
            
        </div>

        
        <div id="fb-root"></div>
    </div>
    
    <!-- editors -->
    <div id="wikiEditorInfo" class="simple_overlay">
      <div style="padding:10px;">
        <img src="/static/img/wires/practical.png" /><h2>Info pratique</h2>
        <textarea cols="70" id="practical-info-editor"></textarea>  
        <button>+Ajouter</button>
      </div>
    </div>
    
    <div id="wikiEditorLink" class="simple_overlay">
      <div style="padding:10px;">
        <img src="/static/img/wires/link.png" /><h2>Lien</h2>
        <label>Titre</label><input type="text" /><br />
        <label>Lien</label><input value="http://" type="text" /> <br /> 
        <button>+Ajouter</button>
      </div>
    </div>
    
    <div id="eventEditor" class="simple_overlay">
      <div style="padding:10px;">
        <img src="/static/img/wires/calendar.png" /><h2>Evénement</h2>
        <label>Titre</label><input type="text" /><br />
        <label>Où</label><input type="text" /><br />
        <label>Quand</label><input type="text" /><br />
        <label>Déscription</label><textarea></textarea><br />
        <button>+Ajouter</button>
      </div>
    </div>
    
    
    <script src="/static/js/jquery/jquery.js" type="text/javascript"></script>
    <script src="/static/js/jquery/jquery.progress-load.js" type="text/javascript"></script>
    <script src="/static/js/jquery/jquery.tabs.min.js" type="text/javascript"></script>
    <script src="/static/js/jquery/jquery.overlay.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.wysiwyg.js"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.fancybox-1.3.1.js"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.context.menu.js"></script>

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="http://connect.facebook.net/fr_FR/all.js" type="text/javascript"></script>
    
    <script src="/static/js/base/flex.background.js" type="text/javascript"></script>
    <script src="/static/js/base/NotificationManager.js" type="text/javascript"></script>
    <script src="/static/js/base/network-helper.js" type="text/javascript"></script>
    
    <script src="/static/js/places/data/PlacesData.js" type="text/javascript"></script>

    <script src="/static/js/places/ui/UIBuilder.js" type="text/javascript"></script>
    
    <script src="/static/js/places/explorer/PlaceExplorerSocial.js" type="text/javascript"></script>
    <script src="/static/js/places/viewer/PlaceViewerImages.js" type="text/javascript"></script>
    <script src="/static/js/places/viewer/PlaceViewerApplication.js" type="text/javascript"></script>
    
    <script src="/static/js/places/comments/CommentManager.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        /* <![CDATA[ */
        $(document).ready(function() {
            var application = new places.PlaceViewerApplication({
                "fbookApiKey"    : "120766637945383",
                "placeId"        : 1,
                "placeName"      : "Plouarzel",
                "placeLatitude"  : 48.4338958,
                "placeLongitude" : -4.7309939,
                "tags"           : ["plage", "balade"]
            });
        
            application.run();
      
            // ui bootstrap
            
            
            
            // ** context menu for adding content
            $('#btnAddContent').contextMenu('#addContentContextMenu', { offsetY: 5 });
          
            // ** editors
            $(".editor-launcher").overlay({color: '#ccc',top: 50});
            
            // wysiwyg
            $("#practical-info-editor").wysiwyg({controls: {
                    underline: { visible: false },
                    indent: { visible: false },
                    outdent: { visible: false },
        
                    separator02: { visible: false },
        
                    subscript: { visible: false },
                    superscript: { visible: false },
        
                    separator03: { visible: false },
                    insertImage: { visible: false },
        
                    h1: { visible: false },
                    h2: { visible: false },
                    h3: { visible: false },
                    h1mozilla: { visible: false },
                    h2mozilla: { visible: false },
                    h3mozilla: { visible: false },
                    separator06: { visible: false }
                }});
            
        });
        /* ]]> */
    </script>

    
</body>
</html>
